<template>
    <div class="">
        <el-image style="width: 200px; height: 200px" :src="img" fit="cover" />
        <div>
            <div class="text-lg">
                {{ name }}
            </div>
            <div class="font-semibold"><span class="text-lg text-orange-600">￥{{ price }}</span><span class="text-sm">/{{ spec }}</span></div>
        </div>
    </div>
</template>

<script setup lang="ts">
const props = defineProps<{
    name: string
    img: string
    price: string
    spec: string
}>()
</script>

<style scoped></style>
